<template>
  <div class="subnavfordetail">
    <div>
      <div class="left">AirPods Pro</div>
      <div class="right">
        <div class="ac-ln-menu-tray">
          <ul class="ac-ln-menu-items">
            <li><span class="ac-ln-menu-link current">概览</span></li>
            <li><a href="#">技术规格</a></li>
            <li><a href="#">机型比较</a></li>
            <li>
              <a href="/cn/shop/goto/product/MV7N2"> <span role="link">购买</span></a>
            </li>
          </ul>
        </div>
        <!-- <p>概要</p>
        <h3>技术规格</h3> -->
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.subnavfordetail {
  height: 55px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  div {
    height: 100%;
    width: 100%;
    display: flex;
    max-width: 1000px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    .left {
      font-size: 20px;
      font-weight: 800;
      color: white;
      height: 100%;
      width: auto;
    }
    .right {
      display: flex;

      // justify-content: space-around;
      align-items: center;
      // height: 100%;
      width: 250px;
      .ac-ln-menu-tray {
        display: flex;
        height: auto;
        width: 250px;
        display: flex;
        ul {
          width: 100%;
          li {
            padding-top: 10px;
            float: left;
            list-style: none;
            margin: 0 5px;
            span{
              color: #676767;
              font-size: 8px;
            }
            a {
              text-decoration: none;
              font-size: 8px;
              color: white;
              span {
                margin: 4px;
                height: 25px;
                line-height: 25px;
                font-size: 14px;
                background-color: rgb(2, 113, 227);
                border-radius: 12.5px;
                padding: 4px 11px;
                color: white;
              }
            }
          }
        }
      }
    }
  }
}
</style>